/*初始化样式*/
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin: 0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.com-img{ display:block; overflow:hidden;}
.com-img img{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

.xypg-right-content{font-size: 16px; line-height:30px;}

.j-space-between{justify-content:space-between}
.j-flex-start{justify-content:flex-start}
.j-flex-end{justify-content:flex-end}
.j-center{justify-content:center}
.a-j-center{align-items:center;justify-content:center}
.a-center{align-items:center}
.a-flex-start{align-items:flex-start}
.a-flex-end{align-items:flex-end}

/*主体样式*/
.wh{max-width: 1630px;padding: 0 15px;margin: 0 auto;}
.top2 {position: absolute;top:0;width: 100%;z-index: 9999;padding-top: 23px;}
.logo{height: 80px;line-height: 80px;}
.x1{font-size: 16px;color: #ffffff;}
.x1 a{line-height: 80px;color: #ffffff;text-transform: uppercase;}

/*  */
.mySwiper{overflow: hidden;text-align: center;border-bottom: 1px solid #ebebeb;}
.mySwiper .swiper-slide{padding: 61px 0 58px;}
.mySwiper .swiper-slide:nth-child(2n){background: #f8f8f8;}
.mySwiper .swiper-slide h3{color: #222222;font-size: 24px;font-weight: bold;margin-bottom: 13px;transition: all 0.5s;}
.jia{margin-bottom: 12px;opacity: 0;}
.mySwiper .swiper-slide:hover h3{color: #136ad3;margin-top: -20px;}
.mySwiper .swiper-slide:hover .jia{opacity: 1;}
.mySwiper .swiper-slide .img img{width: 100%;}
dt{font-weight: normal;}


/*  */
.box2{margin-top: 5.6%;}
.bt1{text-align: center;}
.bt1 dd{color: #010d2c;font-size: 40px;font-weight: bold;}
.bt1 dt{color: #444444;font-size: 17px;line-height: 2;margin-top: 30px; text-align:left;}
.cbox{margin-top: 4.2%;}
.cleft{width: 49.375%;position: relative;}
.cright{width: 50.625%;}
.cbox .cimg{overflow: hidden;}
.cbox .cimg img{width: 100%;transition: all 0.5s;}
.bj1{position: absolute;left: 60px;bottom: 4.8vw;z-index:99;padding-left: 22px;background: url("../../../../86ae8c0f/23/09/f3bca2a6733f14ddfc8cb9ab4620a9cfd84ac29b.png") no-repeat left top;width: 77%;}
.bj1 h3{color: #ffffff;font-size: 28px;font-weight: bold;line-height: 1;margin-bottom: 20px;}
.bj1 .bcon{color: #fff;font-size: 16px;line-height: 30px;}
.cleft:hover .cimg img,.cbox2:hover .cimg img{transform: scale(1.1);}
.cbox2 .cimg,.cc{width: 50%;}
.cc{background-color: #3f3f3f;display:flex;justify-content:center;align-items: center;padding: 0 15px;}
.cwz{padding-left: 23px;background: url("../../../../86ae8c0f/23/09/f3bca2a6733f14ddfc8cb9ab4620a9cfd84ac29b.png") no-repeat left top; width:70%}
.cwz dd{color: #ffffff;font-size: 28px;font-weight: bold;line-height: 1;margin-bottom: 20px;}
.cwz dt{color: #ffffff;font-size: 18px;}
.cbox3 .cc{background: url("../../../../86ae8c0f/23/09/a84771960221ed43e41741ab5249fe41351a3327.jpg") no-repeat center top;background-size: cover;}
.cwz dt a{color: #fff;line-height: 30px;font-size: 16px;}
.psort a{color: #fff;line-height: 30px;font-size: 16px;width:33%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;}


/*  */
.box3{margin: 4% 0 6%;}
.nbox{margin-top: 3.9%;}
.nul{width: 40.5%;}
.nul2{width: 21.5%;}
.nul3{width: 34.4%;}
.nul li .img img,.nul2 li .img img{width: 100%;}
.nul li{position: relative;}
.nbj{position: absolute;background: url("../../../../86ae8c0f/23/09/2e73df54c8ea24d45f0da11f0e52d002f52bdc14.png") no-repeat top center;padding-left: 31px;bottom: 0;left: 0;padding-bottom: 2.1vw;width: 100%;padding-right: 5%;padding-top: 10%;}
.nbj span{color: #ffffff;font-size: 14px;}
.nbj h3 a{color: #ffffff;font-size: 16px;display: block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;margin-top: 8px;}
.nul2 li{position: relative;}
.nul2 li h3 a{display: block;color: #ffffff;font-size: 16px;width: 100%;text-align: center;bottom: 16px;z-index: 999; padding: 0 15px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;position: absolute;}
.nul2 li:first-child{margin-bottom: 8%;}
.nul3{display: flex;align-items: center;justify-content: space-between;flex-direction: column;}
.nul3 li{background-color: #f5f5f5;height: 30%;padding: 0 30px;width: 100%;display: flex;justify-content: center;flex-direction: column;transition: all 0.5s;}
.nul3 li a{color: #000000;font-size: 18px;display: block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;width: calc(100% - 100px);}
.nul3 li span{display: block;color: #999999;font-size: 14px;line-height: 26px;}
.nul3 li p{color: #777777;font-size: 14px;line-height: 24px;margin-top: 16px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.nul3 li:hover{background-color: #136ad3;}
.nul3 li:hover a,.nul3 li:hover span{color: #fff;}
.nul3 li:hover p{opacity: 0.6;color: #fff;}
.nul3 li:hover a{font-weight: bold;}

/*  */
.box4{background-color: #efefef;padding: 61px 0;}
.box4 .wh{max-width: 1150px;}
.w1{color: #333333;font-size: 28px;margin-top: 10px;}
.w1 span{color: #136ad3;}
.w1 b{color: #010d2c;}
.mbox{font-size: 0;}
.mbox a{display: inline-block;width: 190px;height: 62px;font-size: 16px;text-align: center;}
.mbox .m1{background: #136ad3;color: #ffffff;line-height: 62px;margin-right: 20px;}
.mbox .m2{line-height: 58px;color: #136ad3;border: 2px solid #136ad3;}
.m1 img{margin-left: 18px;}
.m2 img{margin-right: 18px;}


/*  */
.ft1{background-color: #191c22;padding: 65px 0 34px;}
.ft2{background: #27292f;text-align: left;font-size: 14px;line-height: 24px;color: rgba(255, 255, 255, .4);padding: 26px 0;}
.lx{color: #ffffff;opacity: 0.4;font-size: 14px;line-height: 32px;margin: 45px 0;}
.ft2 a{color: rgba(255, 255, 255, .4);}
.fenx .social-share .social-share-icon{width: 32px;height: 32px;background-color: rgba(255, 255, 255, .1);border-radius: 3px;border:none;line-height: 32px;margin: 0 20px 0 0;color: rgba(255, 255, 255, .3);}
.tewm{font-size: 14px;line-height: 59px;color: rgba(255, 255, 255, .4);text-align: center;}
.dao >li> a{color: #ffffff;font-size: 18px;margin-right: 10px;}
.x-nav-menu dd{float: left;}
.x-nav-menu dd a{font-size: 14px;color: rgba(255, 255, 255, .4);margin-left: 1.5vw;}
.dao >li{margin-bottom: 30px;}
.tewm img{width: 122px;}
.hang{margin-right: 8vw;}
.x-seo ,.x-seo  a{color:rgba(255, 255, 255, .2);font-size: 14px;}
.tlogo img{max-width: 100%;}
.fenx .social-share .icon-qq:before{content: '';background: url("../../../../86ae8c0f/23/09/e5478186fea098d858b53c4b5c412be3019438c2.png") no-repeat center;display: block;width: 32px;height: 32px;}
.fenx .social-share .icon-wechat:before{content: '';background: url("../../../../86ae8c0f/23/09/9d808b6f83296179a1b7157324ac20e37a3f08e3.png") no-repeat center;display: block;width: 32px;height: 32px;}
.fenx .social-share .icon-weibo:before{content: '';background: url("../../../../86ae8c0f/23/09/41db41ca4da4722e403c70b5dd1e4785a4027c62.png") no-repeat center;display: block;width: 32px;height: 32px;}
.fenx .social-share .icon-tencent:before{content: '';background: url("../../../../86ae8c0f/23/09/e67a5a1fae9d588e0a1f0e932c5e64c1d8f7d377.png") no-repeat center;display: block;width: 32px;height: 32px;}







@media(max-width: 1630px){
    .cwz dt a{font-size: 14px;line-height: 24px;}
    .cwz dd,.bj1 h3{font-size: 24px;}
}

@media(max-width: 1500px){
    .mySwiper .swiper-slide .img img{max-width: 100%;}
    .mySwiper .swiper-slide h3{font-size: 20px;}
    .cwz dt{font-size: 16px;}
    .psort a{font-size: 14px;}
}







@media(max-width: 1400px){
    .nnav{width: auto;}
    .x-menu > li > a{font-size: 18px; padding:0 20px}
    .nul3 li p{margin-top: 10px;}
    
}
@media(max-width: 1300px){
    .psort a{width: 33%;}
}

@media(max-width: 1240px){
  .hang{display: none;}
}

@media(max-width: 1200px){
    .nnav{width: auto;}
    .x-menu > li > a{font-size: 16px;padding: 0 20px;}
    .top2{padding-top: 0;}
    .bt1 dd{font-size: 30px;}
    .bt1 dt{font-size: 16px;margin-top: 15px;}
    .nul3 li p{margin-top: 5px;}
    .bq,.x-region{float: none;width: 100%;text-align: center;}
    
}


@media(max-width: 1024px){
    .cwz dd, .bj1 h3{font-size: 20px;margin-bottom: 10px;}
    .bt1 dt br{display: none;}
    .w1{font-size: 22px;margin-top: 17px;}
    .mbox a{width: 160px;}
}




@media(max-width: 768px){
    .mySwiper .swiper-slide{padding: 40px 0 ;}
    .cleft,.cright{width: 100%;}
    .nul,.nul2,.nul3{width: 100%;}
    .nul2{margin: 20px 0;}
    .nul3 li{padding: 20px ;height: auto;}
    .w1,.mbox{width: 100%;text-align: center;}
    .mbox{margin-top: 20px;}
    .w1{margin-top: 0;}
    .lx{margin: 20px 0;}
}


@media(max-width: 640px){
    .mySwiper .swiper-slide h3{font-size: 16px;}
    .mySwiper .swiper-slide .img img{max-width: 100%;}
    .jia{opacity: 1;}
    .bt1 dd{font-size: 22px;}
    .box2{margin-top: 30px;}
    .bt1 dt{font-size: 14px;line-height: 22px;}
    .bj1{left: 20px;}
    .bj1 .bcon{font-size: 12px;line-height: 20px;}
    .cbox2 .cimg, .cc{width: 100%;}
    .cc{padding: 60px 0;}
    .cbox22{flex-direction: column-reverse;  }
    .nul3 li{margin-bottom: 20px;}
    .nul2 li:first-child{margin-bottom: 20px;}
    .box3{margin: 30px 0;}
    .box4{padding: 30px 0;}
    .mbox .m1{height: 46px;line-height: 46px;}
    .mbox .m2{height: 46px;line-height: 42px;}
    .mbox a{width: 130px;}
    .ft1{padding: 30px 0 10px;}
    .tlogo{text-align: center;width: 50%;margin: 0 auto;}
    .tleft,.tright{width: 100%;}
    .tewm{float: none;width: 100%;text-align: center;margin-top: 20px;}
    .w1{font-size: 18px;}
    .mbox a img{width: 20px;}
    .nul3 li a{width: calc(100% - 80px);}
}

@media(max-width: 1600px){
  .xypg-right-content{overflow: hidden;}
  .xypg-right-content p img{
           max-width: 100%;
          width: auto !important;
          height: auto !important;
     }
}

.box1 .img{ padding:10px;}
.top2 .ttel{
  
}

.top2 .ttel p{
  display: flex;
  align-items: center;
  font-size: 24px;
  font-family: "Arial";
  color: #fff;
  font-weight: 600; line-height:80px;
}

.top2 .ttel p img{
  max-width: 100%;
  margin-right: 5px;
}


@media(max-width: 1024px){
.top2 .ttel p{
    font-size: 20px;
  }
}



.fbox3{padding:4.5vw 0;}
.hor{margin-top:3vw;position:relative;}
.hor .mySwiperhor{overflow:hidden;}
.hor .swiper-slide{text-align:center;background:#eeeeee;padding:13px 13px 0;}
.hor .swiper-slide img{width:100%;margin:0 auto;display:block;}
.hor .swiper-slide .wz{color:#555555;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:52px;}
.hor .swiper-slide:hover{background:#136AD3;}
.hor .swiper-slide:hover .wz{color:#fff;}
.hor .swiper-button-prevf{position: absolute;top:50%;margin-top:-33px;left:-59px;width:38px;height:66px;opacity:1;z-index:999;background:url(../../../../../images/cdb204db340cdac70b58077cfec4261f57e89493.png) no-repeat;background-size:100% 100%;}
.hor .swiper-button-nextf{position: absolute;top:50%;margin-top:-33px;right:-59px;width:38px;height:66px;opacity:1;z-index:999;background:url(../../../../../images/8b57de5c3c58465963a28d92c6d78ac32eb1f3fc.png) no-repeat;background-size:100% 100%;}
.hor .swiper-button-prevf:hover{background:url(../../../../../images/5f90c5dbb0a496fd3c8eb4b4543f09b65e846389.png) no-repeat;background-size:100% 100%;}
.hor .swiper-button-nextf:hover{background:url(../../../../../images/d066cab7cd16d060f3b9dc7a345b38ead0fa92ff.png) no-repeat;background-size:100% 100%;}



.fbox4{padding:4vw 0;background:#f5f5f5;}
.fqyhj{margin-top:3vw;}
.fqyhj li{width:24.4%;margin-bottom:1vw;box-shadow:0 0 15px #ddd;}
.fqyhj li .img{overflow:hidden;border:3px solid #fff;display:block;}
.fqyhj li .img img{transition:all 0.8s;width:100%;display:block;}
.fqyhj li .img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}



@media (max-width:1440px){
   .hor .swiper-button-prevf{left:0;}
   .hor .swiper-button-nextf{right:0;}
   .hor{padding:0 60px;}
}

@media (max-width:1024px){
  .ab_img{width:100%;}
  .qyjj{width:100%;margin-top:20px;}
  .bkaa{display:none;}
  .ab_img:before{display:none;}
  .jiantt h2{font-size:34px;}
  .jiantt h3{font-size:18px;}
  .jianwz{font-size:15px;line-height:25px;}
  .sjnm li .counter{font-size:45px;line-height:36px;}
  .sjnm li .num3{font-size:15px;}
  .fgy_tt{font-size:34px;}
  .qywh_list li{padding:25px 0;}
  .qywh_list li .img{width:54px;margin:0 auto;}
  .qywh_list li .img img{width:100%;}
  .qywh_list li .wz1{font-size:18px;padding:15px 0 10px;}
  .qywh_list li .wz2 br{display: none;}
   .qywh_list li .wz2{font-size:14px;line-height:22px;padding:0 10px;}
   .hor .swiper-slide .wz{font-size:14px;line-height:42px;}
   .hor .swiper-slide{padding:8px 8px 0;}
}

@media (max-width:768px){
    .hor .swiper-button-prevf{width:23px;height:40px;margin-top:-20px;}
   .hor .swiper-button-nextf{width:23px;height:40px;margin-top:-20px;}
   .hor{padding:0 46px;}
}

@media (max-width:428px){
  .jiantt h2{font-size:23px;}
  .fgy_tt{font-size:23px;}
  .sjnm li{width:50%;margin:8px 0;}
  .sjnm li .counter{font-size:35px;line-height:30px;}
  .sjnm li .num2{font-size:12px;line-height:18px;height:18px;width:18px;}
  .sjnm li .num3{margin-top:5px;}
  .qywh_list li{width:49%;margin:5px 0;}
  .fqyhj li{width:49%;}
}


.kefu{position:fixed;right:-170px;top:50%;z-index:900;}
.kefu li a{text-decoration:none;}
.kefu li{margin-top:1px;clear:both;height:71px;position:relative;}
.kefu li i{background:url(../../../../../images/fx1.png) no-repeat;display:block;width:30px;height:27px;margin:0 auto;text-align:center;}
.kefu li p{height:20px;font-size:14px;line-height:20px;overflow:hidden;text-align:center;color:#fff;margin: 0;}
.kefu .kefu-qq i{background-position:4px 5px;}
.kefu .kefu-tel i{background-position:0 -21px;}
.kefu .kefu-liuyan i{background-position:4px -53px;}
.kefu .kefu-weixin i{background-position:-34px 4px;}
.kefu .kefu-weibo i{background-position:-30px -22px;}
.kefu .kefu-ftop{display:none;}
.kefu .kefu-ftop i{width:33px;height:35px;background-position:-27px -51px;}
.kefu .kefu-left{float:left;width:77px;height:47px;position:relative;}
.kefu .kefu-tel-right{font-size:16px;color:#fff;float:left;height:24px;line-height:22px;padding:0 15px;border-left:1px solid #fff;margin-top:14px;}
.kefu .kefu-right{width:20px;}
.kefu .kefu-tel-main{background:#d82634;color:#fff;height:56px;width:247px;padding:9px 0 6px;float:left;}
.kefu .kefu-main{background:#d82634;width:97px;height:56px;position:relative;padding:9px 0 6px;float:left;}
.kefu .kefu-weixin-pic{position:absolute;left:-130px;top:-24px;display:none;z-index:333;}
.kefu-weixin-pic img{width:115px;height:115px;}

